/*** RESET ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
a img {border: none;}
:focus {outline: 0;}




/* 
   GENERAL 
------------------------------------------------------------------- */
html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background:#757575;
	color: #444;
	font: normal 75% Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}



/* 
   COMMON TYPING CLASS 
------------------------------------------------------------------- */
.dung-text-left {text-align: left;}
.dung-text-right {text-align: right;}
.dung-text-center {text-align: center;}
.dung-text-separator {padding: 0 5px;}


/* 
   COMMON ALIGNMENT CLASS 
------------------------------------------------------------------- */
/* General */
.dung-center,.dung-aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Floats */   
.dung-left,.dung-alignleft {float: left;}
.dung-right,.dung-alignright {float: right;}
.dung-center{margin:0 auto}
.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}



/* Tables */
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}




/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */
/* *************************************************** */




/* 
   COMMON LAYOUT
------------------------------------------------------------------- */
/* Wrapper */
#dung-main {
	margin: 0 auto;
	width: 1280px;
}



/*---------- BODY AREA ------------*/
#dung-content {margin: 24px auto; width:1280px}

#dung-content-intro {
	margin: 24px auto; 
	width:1280px;
	height: 600px;
}

#dung-content-intro
{	
	display:none;
	width: 875px;
	height: 600px;
}

#dung-intro1
{
	background:url(../image/introbg.png) top left no-repeat;
	width: 648px;
	height: 600px;
}

#dung-intro-sidebar
{
	background:url(../image/introsidebar.png) top left no-repeat;
	width: 179px;
	height: 338px;
	padding: 169px 24px;
}

#dung-intro-button .btnintro
{
	background:url(../image/btnintro.png) top left no-repeat;
	width: 179px;
	height: 26px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12pt;
}

#dung-intro-button .btnintro a
{
	text-decoration:none;
	color:#FFFFFF;
}

#dung-intro-button .btnintro:hover
{
	background:url(../image/btnintrohover.png) top left no-repeat;
	width: 179px;
	height: 26px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12pt;
}

